<li class="list-group-item">
    <div class="d-flex align-items-center">
        <img src="{$topic->user->avatar}" alt="{$topic->user->name}" width="50" class="img-thumbnail" />
        <div class="d-flex flex-column ms-2">
            <a class="text-decoration-none text-success" href="{:url('User/read',['id'=>$topic->user->id])}" style="font-size: 13px;">{$topic->user->name}</a>
            <div class="d-flex align-items-center">
                <i class="fa fa-rss-square text-danger"></i>
                <small class="text-secondary ms-1">{$topic->user->email}</small>
            </div>

        </div>
    </div>
    <div class="text-success pt-2 pb-2 d-flex justify-content-between align-items-center" style="font-size: 13px;">
        <div>{$topic->content}</div>
        {if isMineOpt($topic->user->id)}
            <form action="{:url('Topic/delete',['id'=>$topic->id])}" method="post" class="text-center form-topic"
            onsubmit="return confirm('您是否真的要删除该博文?')"
            >
                <input type="hidden" name="_method" value="DELETE" />
                <input type="hidden" name="__token__" value="{:token()}" />
                <button class="btn btn-sm btn-outline-danger">删除</button>
            </form>
        {/if}
    </div>
    <div class="text-end text-secondary" style="font-size: 12px;">
        <i class="fa fa-clock-o text-danger me-2"></i>{$topic->create_time}
    </div>
</li>